<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
		<style type="text/css">
			.top_box{
				width: 70%;
				float: left;
			}
			.tab_right{
				float: left;
			}
			.ec_top_box{
				width: 100%;
			}
			.ec_top_box>div{
				float: left;
			}
			.tab_left{
				width:37%;
			}
			.map_middle{
				width: 63%;
			}
			.tab_content tr td{
				text-align:center;
			}
			.tab_heard tr th {
				text-align : center;
			}
		</style>
	</head>
	<body style="background: #000026; perspective: 100vh;"> 
		<img src="static/img/bg.jpg" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="menu_bg">
			<ul class="menuLeft">
				<li><a class="active" href="">全国接入资源视图</a></li>
				<li><a href="全国IDC资源概览.html">重点接入业务视图</a></li>
				<li><a href="全国域名资源视图.html">全国域名资源视图</a></li>
				<!-- <li><a href="DXQ传统IDC和云接入资源发展趋势图.html">CDN和云业务发展情况(建设中)</a></li> -->
				<!-- <li><a href="资源转租情况.html">资源转租情况(建设中)</a></li> -->
				<li><a href="重点问题情况监测.html">重点问题情况监测</a></li>
			</ul>
		</div>
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" title="全国接入资源视图">全国接入资源视图</div>
				<a href="全国域名资源视图.html" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content"> 
				<div class="top_tip">
				截至2018年2月，全国信安系统已覆盖<strong>1965</strong>家国内持证接入类服务企业，<strong>43,910,758</strong>个服务器IP地址和<strong>35,737,492</strong>个顶级域名
				</div>
				<div class="bottom_content">
					<div class="top_box">
							<div class="tab_left">
							    <div class="ec_table_box">
								    <h2>全国接入企业占比</h2>
									<div class="ec_pie_nd" id="ec_pie_nd"></div>
								</div>
								
								<div class="table_box join_com">
									<div class="join_com_left">
										<h2>接入IP资源占比</h2>
										<div class="pieBox" id="pieBoxLeft"></div>
									</div>
									<div class="join_com_right">
										<h2 style="width:200px;">接入顶级域名占比</h2>
										<div class="pieBox" id="pieBoxRight"></div>
									</div>
								</div>
							</div>
							<div class="map_middle mapItem">
								<!--<ul class="ec_tab">
									<li class="active">IDC</li>
									<li>CDN</li>
									<li>云资源</li>
								</ul>-->
								<h2 style="text-align: left;padding-left: 20px;">各省情况及综合指数</h2>
								<div class="ec_map_nd" id="ec_map_nd"></div>
								
								<!--<div class="bottom_box lineList comItem" style="width:100%; position: absolute;left: 0;top: 40px;">
							        <table class="tab_heard">
										<tr>
											<th>省份</th>
											<th>接入企业数</th>
											<th>机房数</th>
											<th>IP数</th>
											<th>域名数</th>
										</tr>
									</table>
									<div class="tab_scr" id="ranklistRight5" style="height:30px;">
										<table class="tab_content">
											
										</table>
									</div>
						      </div>-->
							</div>

					</div>
					<div class="tab_right joinSource">
						<div class="right_table_box">
						 	<div class="headerBox">
						    <h2>接入企业数量</h2>
						 	</div>
							<div id="ecLine" class="ecBox"></div>
						</div>
						
						<div class="right_table_box">
							<div class="headerBox">
								<h2>企业牌照类型</h2>
							</div>
							<div id="ecBar" class="ecBox"></div>
						</div>
					</div>
						

					</div>

				</div>
			</div>
			<div class="foot">
				<a href="全国IDC资源概览.html" class="next_btn"></a>
			</div>
		</div>
		<div class="foot_right_logo"></div>
		<div class="map_open">
			<div class="map_shadow"></div>
			<div class="map_close" style="left:15%"></div>
			<iframe name="myFrame" src="static/全省接入资源视图.html" class="iframeBox" 
			style="display: block;border: none;width: 70%; height:90%;left:15%;top:5%;z-index: 999;position: absolute;"></iframe>
		</div>
		
		<script src="static/js/calculate.js"></script>
		<script>
			calculate2nd();
			window.onresize=function(){
				calculate2nd();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/page2nd.js"></script>
		<script src="static/js/menuShow.js"></script>
		<script type="text/javascript">
		/* var scroll1 = new ScrollText("barList1","pre2","next2",true,50,true);
	    scroll1.LineHeight = 63;
	    
	    var scroll2 = new ScrollText("barList2","pre2","next2",true,50,true);
	    scroll2.LineHeight = 63;
	    
	    var scroll2 = new ScrollText("barList3","pre2","next2",true,50,true);
	    scroll2.LineHeight = 63; */
		</script>
		
		
	</body>
</html>
